.order-detail-dialog {
  /deep/ .el-dialog__body {
    padding: 20px;
  }

  .detail-section {
    margin-bottom: 30px;

    &:last-child {
      margin-bottom: 0;
    }

    .section-title {
      font-size: 16px;
      font-weight: 500;
      color: #303133;
      margin-bottom: 20px;
      padding-left: 10px;
      border-left: 4px solid #409EFF;
    }

    .info-item {
      margin-bottom: 15px;

      .label {
        color: #909399;
        margin-right: 8px;
      }

      .value {
        color: #303133;
      }
    }

    .total-section {
      margin-top: 20px;
      text-align: right;

      .total-item {
        margin-bottom: 10px;
        font-size: 14px;

        &.final {
          margin-top: 15px;
          padding-top: 15px;
          border-top: 1px dashed #DCDFE6;
          font-size: 16px;
          font-weight: 500;
        }

        .amount {
          color: #303133;
          margin-left: 8px;
        }

        .discount {
          color: #F56C6C;
          margin-left: 8px;
        }

        .final-amount {
          color: #F56C6C;
          font-size: 20px;
          margin-left: 8px;
        }
      }
    }

    .remark {
      padding: 15px;
      background: #F5F7FA;
      border-radius: 4px;
      color: #606266;
      line-height: 1.5;
    }
  }
}

// 移动端适配
@media screen and (max-width: 768px) {
  .order-detail-dialog {
    /deep/ .el-dialog {
      width: 95% !important;
      margin: 10px auto !important;
    }

    .el-row {
      margin: 0 !important;
    }

    .el-col {
      padding: 0 !important;
    }
  }
}